// pages/endless/endless.js
var utils = require("../../utils/util.js");
var app = getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    MenuButton:app.globalData.MenuButton,
    qstyle: '无尽挑战',
    school:'随机',
    result:false,
    sid:'',
    qs:[],
    questions: [{
      quiz: '欧洲举办最早也是最大型的公路自行车比赛是？',
      options: ['环德自行车赛', '环法自行车赛', '环西自行车赛', '环意自行车赛'],
      answer: 2,
      answer_str: '环法自行车赛',
    }, {
      quiz: '天干地支纪年法多少年为一个甲子？',
      options: ['50年', '60年', '70年', '40年'],
      answer: 2,
      answer_str: '60年',
    },{
      quiz: '欧洲举办最早也是最大型的公路自行车比赛是？',
      options: ['环德自行车赛', '环法自行车赛', '环西自行车赛', '环意自行车赛'],
      answer: 2,
      answer_str: '环法自行车赛',
    }, {
      quiz: '天干地支纪年法多少年为一个甲子？',
      options: ['50年', '60年', '70年', '40年'],
      answer: 2,
      answer_str: '60年',
    },{
      quiz: '欧洲举办最早也是最大型的公路自行车比赛是？',
      options: ['环德自行车赛', '环法自行车赛', '环西自行车赛', '环意自行车赛'],
      answer: 2,
      answer_str: '环法自行车赛',
    }, {
      quiz: '天干地支纪年法多少年为一个甲子？',
      options: ['50年', '60年', '70年', '40年'],
      answer: 2,
      answer_str: '60年',
    },{
      quiz: '欧洲举办最早也是最大型的公路自行车比赛是？',
      options: ['环德自行车赛', '环法自行车赛', '环西自行车赛', '环意自行车赛'],
      answer: 2,
      answer_str: '环法自行车赛',
    }, {
      quiz: '天干地支纪年法多少年为一个甲子？',
      options: ['50年', '60年', '70年', '40年'],
      answer: 2,
      answer_str: '60年',
    },{
      quiz: '欧洲举办最早也是最大型的公路自行车比赛是？',
      options: ['环德自行车赛', '环法自行车赛', '环西自行车赛', '环意自行车赛'],
      answer: 2,
      answer_str: '环法自行车赛',
    }, {
      quiz: '天干地支纪年法多少年为一个甲子？',
      options: ['50年', '60年', '70年', '40年'],
      answer: 2,
      answer_str: '60年',
    }, ],
    question: 0,
    num: 5,
    rankinfo: {
      info: [{
        name: '你好',
        record: 7320,
        avatar: '../../image/login1.png'
      }, {
        name: '你123好',
        record: 888,
        avatar: '../../image/login1.png'
      }, {
        name: 'lll',
        record: 88,
        avatar: '../../image/login1.png'
      }, ]
    },
    score: 100,
    max: 0,
    userinfo: {
      userred: 300,
      userrank: '未上榜',
      time: 30000,
      revival:1,
      answercard:1
    },
    seconds: 30,
    fail: false,
    istrue:'',
    animation:'',
    animationData:{}
  },
  // 倒计时
  onChange(e){
    this.setData({
      seconds:e.detail.seconds
    })
  },
  finished(){
    this.setData({
      fail: false
    })
  },
  tohome() {
    wx.switchTab({
      url: '../../pages/index/index',
    })
  },
  //判断对错
  getoption(e) {
    const q = this.data.question
    const qs =  this.data.questions[q]
    const select = e.detail.select
    const countdown = this.selectComponent('.countdown')
    if ( qs.options[select] == qs.answer_str) {
      this.setData({
        max: this.data.max + this.data.score,
        result:true
      })
      setTimeout(() => {
        this.getNext(q)
      }, 1000);
      countdown.reset()
      setTimeout(() => {
        countdown.start()
      }, 2500);
    } else {
      this.setData({
        fail: true,
      })
      countdown.pause()
    }
  },
  // 下一题
  getNext(q){
    const animation = this.data.animation
    animation.rotateY(90).opacity(0.5).step().rotateY(0).opacity(1).step()
    if(q+1 == this.data.num){
     this.getQuestion()
     this.setData({
      question: 0,
      animationData:animation.export(),
      result:false
    })
    }else{
    this.setData({
      question: q + 1,
      animationData:animation.export(),
      result:false
    })
  }
  },
  // 复活
  continue () {
    if(this.data.userinfo.revival > 0){
      const countdown = this.selectComponent('.countdown')
      this.setData({
        question:this.data.question + 1,
        fail:false
      })
      countdown.reset()
    }else{
      wx.showToast({
        title: '无复活卡',
        icon:'none'
      })
    }
  },
  getQuestion(){
    utils.http('http://127.0.0.1:8089/question','post',{
      school:this.data.school,
      num:this.data.num
    }).then(res=>{
      this.setData({
      questions:utils.getoptions(res.data)
      })
      console.log(res);
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.setData({
      school:options.school,
      })
    wx.showLoading({
      title: '正在获取信息',
    })
    this.getQuestion()
    wx.hideLoading()
    
    setTimeout(() => {
      const countDown = this.selectComponent('.countdown');
      countDown.start();
    }, 500);
    var animation = wx.createAnimation()
    this.data.animation = animation
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {
    const countdown = this.selectComponent('.countdown')
    countDown.pause()
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})